* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

body, html {

    font-family: Microsoft YaHei, SimSun serif;
    width: 100%;
    height: 100%
}

img {
    border: none;
}

ul li {
    list-style: none;
}

.mid {
    display: table;
    margin: 0 auto
}

.border-bottom {
    border-bottom: .1rem solid #E4E4E4;
}

.header {
    position: relative;
    width: 100%;
    height: 10%;
    background: #ff6ea5
}

.header a {
    position: absolute;
    top: 36%;
    left: 3%
}

.header img {
    max-width: 12%;
}

.header span {
    position: relative;
    top: 30%;
    font-size: 1.8rem;
    color: white
}

body{
    background: rgb(245,245,245);
}

.content-bar {
    position: fixed;
    width: 100%;
    height: 8%;
    top: 0;
    background: white;
    z-index: 99;
}

.content-bar ul {
    position: relative;
    height: 100%
}

.content-bar ul li {
    position: relative;
    width: 20%;
    padding: 0;
    height: 100%
}
.content-bar .dropdown-menu{
    top: 1rem;
}
.content-bar .dropdown-menu li{
    height: auto;
}

.content-bar .nav .dropdown {
    position: relative;
    width: 36%
}

.content-bar ul li a {
    font-size: 1.6rem;
    text-align: center;
    display: block;
    height: 100%;
    color: #FF6FA5;
}
.content-bar ul li a.selected{
    color: #ab5f80;
}
.content-bar ul li a:hover {
    color: #c25c7a;
}

.content-bar .nav .dropdown .dropdown-menu {
    position: relative;
    min-width: 100%;
    margin: 0;
    height: initial;
}
.content-bar .nav .dropdown .dropdown-menu li{
    width: 100%;
}
.product-list{
    margin-top: 5rem;
    width: 100%;
}
.product-list .list-wrap{
    width: 100%;
}
.product-msg {
    position: relative;
    height: 12rem;
    width: 96%;
    margin: 2% 2%;
    padding: 1.5rem;
    background: white;
}

.product-msg img {
    width: auto;
    height: 100%;
}

.product-msg .sp-img {
    width: 40%;
    float: left;
    height: 9rem;
    overflow: hidden;
}
.product-msg .sp-img img{
    max-width: 95%;
    max-height: 9rem;
}

.product-msg .sp-detail {
    width: 60%;
    float: left;
}

.national {
    display: inline-block;
    background: #fe7e94;
    color: white;
    position: relative;
    width: 3rem;
    text-align: center;
    margin-right: 1rem;
    margin-bottom: .4rem;
    line-height: normal;
}

.pro-txt-msg {
    color: #443d3d;
    width: 100%;
    height: 3.5rem;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.75rem;
}

.product-msg .sp-detail .express {
    color: rgb(168, 168, 168);
    margin: 0;
    margin-top: .2rem;
}
.sp-detail .express .country{
    margin-right: .5rem;
    font-size: 1rem;
}

.product-msg .sp-detail .price {
    font-size: 1.8rem;
    color: #ff6ea5
}
.product-msg .sp-detail .other{
    width: 100%;
    margin-top: 1rem;
}

.buy-num {
    color: rgb(168, 168, 168);
    margin-left: 1rem;
}